<template>
  <div id="div1">
    <table>
      <tr><td colspan="4">头像</td></tr>
      <tr>
        <td class="td">姓名</td>
        <td><input type="text" placeholder="请输入" /></td>
        <td class="td">手机号</td>
        <td><input type="text" placeholder="请输入" /></td>
      </tr>
      <tr>
        <td class="td">单位</td>
        <td><input type="text" placeholder="请输入" /></td>
        <td class="td">部门</td>
        <td><input type="text" placeholder="请输入" /></td>
      </tr>
      <tr>
        <td class="td">职务</td>
        <td><input type="text" placeholder="请输入" /></td>
        <td class="td">邮箱</td>
        <td><input type="text" placeholder="请输入" /></td>
      </tr>
      <tr>
        <td class="td">年龄</td>
        <td><input type="text" placeholder="请输入" /></td>
        <td class="td">性别</td>
        <td><input type="text" placeholder="请输入" /></td>
      </tr>
      <tr>
        <td class="td">账号密码</td>
        <td><input type="text" placeholder="请输入" /></td>
        <td class="td">再次输入账号密码</td>
        <td><input type="text" placeholder="请输入" /></td>
      </tr>
      <tr>
        <td colspan="4">
          <button class="but1">保存</button>
          <button class="but1">取消</button>
        </td>
      </tr>
    </table>
  </div>
</template>
<script></script>
<style>
#div1 {
  border: 2px solid white;
  background-color: white;
}
td {
  width: 10%;
  height: 50px;
}
.td {
  text-align: right;
}
.but1 {
  margin-top: 150px;
  margin-left: 10px;
}
</style>
